<script type="text/javascript" src="views/parkLotCenter/facilitiesManage/js/parkOrgchn.js"></script>
<script type="text/javascript">
    var chnOrg = null;
    $(document).ready(function() {
        chnOrg = new parkOrgchnJs($("#parOrgchnDiv"));
    });
    function standardInformationGetAll(t) {
        $(t).parents('table').find('input[name=equ_ids]').prop('checked', t.checked);
    }
</script>

<div id="parOrgchnDiv" style="height:100%">
    <div class="basicInfoContent-panel" style="height:calc(100% - 65px); overflow-y:auto; background:#f0f0f0;">
        <div class="basicInfo-box">
            <div class="list">
                <div class="list-text">
                    <label>通道编号：</label>
                    <input class="k-textbox input-info" type="text" disabled="disabled" id="oid" placeholder="系统自动生成..." data-bind="value:organizationCode" />
                    <input class="k-textbox input-info" type="hidden" data-bind="value:organizationTypeCode" />
                    <input class="k-textbox input-info" type="hidden" data-bind="value:orgLevel" />
                    <input class="k-textbox input-info" type="hidden" data-bind="value:parentCode" />
                    <input class="k-textbox input-info" type="hidden" data-bind="value:equipmentManagements_charge_ckRepeatIE" />
                    <input class="k-textbox input-info" type="hidden" data-bind="value:equipmentManagements_charge_ckIE" />
                    <input class="k-textbox input-info" type="hidden" data-bind="value:equipmentManagements_charge_fullStopIn" />
                </div>
                <div class="list-text">
                    <label>通道名称：</label>
                    <input class="k-textbox input-info" type="text" data-bind="value:organizationName" pattern="^[\u4E00-\u9FA5A-Za-z0-9]+$" validationMessage="检测到特殊字符" required/>
                </div>
                <div class="list-text">
                    <label>通道简称：</label>
                    <input class="k-textbox input-info" type="text" data-bind="value:equipmentManagements_basic_parkingNameForShort" pattern="^[\u4E00-\u9FA5A-Za-z0-9]+$" validationMessage="检测到特殊字符"/>
                </div>
                <div class="list-text">
                    <label>通道类型：</label>
                    <input type="text" style="width:250px" id="channelType" data-bind="value:equipmentManagements_basic_channelType" required>
                </div>
<!--                 <div class="list-text"> -->
<!--                     <label>多区域属性：</label> -->
<!--                     <div class="switch-button"> -->
<!--                         <div class="checkbox"> -->
<!--                             <input type="checkbox" id="multizone" data-bind="value:equipmentManagements_open_multizone"/> -->
<!--                             <label></label> -->
<!--                         </div></div> -->
<!--                 </div> -->
                <div class="list-text" id="one">
                    <label>离开区域：</label>
                    <input type="text" style="width:250px" id="leave" data-bind="value:equipmentManagements_basic_leave">
                </div>
                <div class="list-text" id="two">
                    <label>进入区域：</label>
                    <input type="text" style="width:250px" id="enter" data-bind="value:equipmentManagements_basic_enter">
                </div>
<!--                 <div class="list-text"> -->
<!--                     <label>弹出图片：</label> -->
<!--                     <span class="sp"><input style="width:24px;" type="checkbox" name="radios" data-bind="value:equipmentManagements_basic_ejectedin"/></span> -->
<!--                     <span class="sp" style="width:95px;">入口</span> -->
<!--                     <span class="sp"><input style="width:24px;" type="checkbox" name="radios" data-bind="value:equipmentManagements_basic_ejectedout"/></span> -->
<!--                     <span class="sp" style="width:96px;">出口</span> -->
<!--                 </div> -->
                <div class="list-text">
                    <label>纠正车牌：</label>
                    <div class="switch-button">
                        <div class="checkbox">
                            <input type="checkbox" data-bind="value:equipmentManagements_open_correctParkNo"/>
                            <label></label>
                        </div></div>
                </div>
                <div class="list-text">
                    <label>纠正车型：</label>
                    <div class="switch-button">
                        <div class="checkbox">
                            <input type="checkbox" data-bind="value:equipmentManagements_open_correctCardType"/>
                            <label></label>
                        </div></div>
                </div>
                <div class="list-text">
                    <label>自动开闸：</label>
                    <div class="switch-button">
                        <div class="checkbox">
                            <input type="checkbox" data-bind="value:equipmentManagements_open_autoGate"/>
                            <label></label>
                        </div></div>
                </div>
                <div class="list-text" id="chargeTips">
                    <label>收费弹窗：</label>
                    <div class="switch-button">
                        <div class="checkbox">
                            <input type="checkbox" data-bind="value:equipmentManagements_open_chargeTips"/>
                            <label></label>
                        </div></div>
                </div>
<!--                 <div class="list-text"> -->
<!--                     <label>开启多路识别：</label> -->
<!--                     <div class="switch-button"> -->
<!--                         <div class="checkbox"> -->
<!--                             <input type="checkbox" data-bind="value:equipmentManagements_open_multipath"/> -->
<!--                             <label></label> -->
<!--                         </div></div> -->
<!--                 </div> -->

<!--                 <div class="list-text" id="tollGate"> -->
<!--                     <label>是否收费口：</label> -->
<!--                     <div class="switch-button"> -->
<!--                         <div class="checkbox"> -->
<!--                             <input type="checkbox" data-bind="value:equipmentManagements_open_tollGate"/> -->
<!--                             <label></label> -->
<!--                         </div></div> -->
<!--                 </div> -->
                <div class="list-text" style="width: 100%;">
                    <label>喇叭声音类型：</label>
                    <input type="text" style="width:250px"  id="voicegender" data-bind="value:equipmentManagements_basic_gender" required>
                </div>

                <div class="list-text">
                    <label>白天起始时间：</label>
                    <div style="width:250px;float:left">
                        <input style="height:22px;line-height:22px" type="text" timePicker=" value:'08:00'"  data-bind="value:equipmentManagements_basic_daytime" required>
                    </div>
                </div>
                 <div class="list-text">
                    <label>喇叭音量：</label>
                    <div class="range" style="width:250px;float:left">
                        <input id="drange" type="range" min="0" max="10" style="width:220px" onchange="chnOrg.rangeChange(this)" data-bind="value:equipmentManagements_basic_drange">
                        <span >50</span>
                    </div>
                </div>
                <div class="list-text">
                    <label>夜晚起始时间：</label>
                    <div style="width:250px;float:left">
                        <input style="height:22px;line-height:22px" type="text" timePicker=" value:'20:00'" data-bind="value:equipmentManagements_basic_night" required>
                    </div>
                </div>
                 <div class="list-text">
                    <label>喇叭音量：</label>
                    <div class="range" style="width:250px;float:left">
                        <input id="nrange" type="range" min="0" max="10" style="width:220px" onchange="chnOrg.rangeChange(this)" data-bind="value:equipmentManagements_basic_nrange">
                        <span >50</span>
                    </div>
                </div>
                <div class="list-text">
                    <label>备注：</label>
                    <textarea class="k-textbox" rows="4" cols="93" style="width:650px;resize: none;" maxlength="100" data-bind="value:equipmentManagements_basic_remark"></textarea>
                </div>
            </div>
            <div class="basicInfoTitle-panel" style="float:left">通道设备信息</div>
            <div class="workRecord-info" style="width:100%;float:left;overflow-y:auto;overflow-x:hidden">
                <div class="function-btnBg function-btn">
                    <button class="add" data-bind="click:createRow"><img src="images/icon_addTo.png" />新增</button>
                    <button class="del" data-bind="click:deleteRow"><img src="images/icon_delTo.png" />删除</button>
                </div>
                <table width="100%" class="chnlist" id="chn_list">
                    <thead>
                    <tr>
                        <th width="3%" style="text-align: center"><input type="checkbox" onclick="standardInformationGetAll(this)" /></th>
                        <th width="19%" style="text-align: center">设备类型</th>
                        <th width="18%" style="text-align: center">设备编号</th>
                        <th width="15%" style="text-align: center">IP地址</th>
                        <th width="15%" style="text-align: center">端口号</th>
                        <th width="15%" style="text-align: center">设备机号</th>
                        <th width="15%" style="text-align: center">是否主识别</th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="basicInfo-btn" style="border-top:1px solid #c5c5c5">
        <button class="save" data-bind="click:savechnOrg">确定</button>
        <button class="cancel" data-bind="click:cancel">取消</button>
    </div>
</div>